*{margin:0;padding:0;font-family: tahoma;}
body{background:#fff;font-family:tahoma;font-size:17px;color:#4b4a46;position:relative;min-height:700px;overflow-x: hidden;width: 100%;}
body *{outline:none;}
li{float:left;list-style:none;}
a,a:hover{text-decoration:none;cursor:pointer;}
.clear{clear:both;}
input [type=submit ]{cursor:pointer;}
img{border:none}
.w1130{
   width:980px;
}
/*-------------------------------*/
.globalContainer{
   width:100%;
}
.pageHead{
   position: relative;
   height:78px;
   font-size:15px;
   margin:0 auto
}
.logo{
   background: url('../img/logo.png');
   float:left;
   width: 56px;
   height:56px;
   margin:10px 0;
}
.pageName{
   float:left;
   height:78px;
   line-height: 78px;
   font-size:23px;
   color:#434343;
   margin-left:15px;
}
.pageName a{
   color:#434343;
}
.pageName span{
   color:#55c2c2;
}
.headBar{
   float:left;
   height:100%;
   margin-left:42px;
}
.headBar > ul > li{
   width:91px;
   height:78px;
   margin-right: 14px;
   position: relative;
   z-index: 9999;
   
}
.headBar > ul > li > a{
   color:#4b4a46;
   border: 2px solid #E0E0E0;
   border-radius: 15px;
   text-align: center;
   line-height: 29px;
   margin-top: 23px;
   width: 87px;
   float: left;
}
.menu_active a{
   border-color:#55c2c2 !important;
}
.product_menu{
   display:none;
}
.headBar > ul > li:hover > .product_menu{
    display: block;
}
.li_pro:hover{
   background: #55c2c2;   
}
.li_pro:hover a:first-child{
   color:#fff;
   border-color:#55c2c2
}
.product_menu{
   float:left;
   background:#fff;
   width:307px;
   padding-left: 30px;
   padding-bottom: 30px;
   margin-top: 22px;
   border-top:8px solid #55c2c2;
   box-shadow: 0 2px 2px #888888;
}
.tutorials_menu{
   float:left;
   background:#fff;
   width:307px;
   padding-left: 30px;
   padding-bottom: 30px;
   margin-top: 22px;
   border-top:8px solid #55c2c2;
   box-shadow: 0 2px 2px #888888;
}
.headBar > ul > li > .tutorials_menu{
    display: none;
}
.headBar > ul > li > ul > li{
    float: none;
}
.headBar > ul > li > ul > li > a{
    width: 140px;
    padding: 5px 10px;
    line-height: 1.2em;
    display: block;
    color:#4b4a46;
    text-align: left;
    border-bottom: 1px solid #dadada;
}
.li_tut:hover{
   background: #55c2c2;   
}
.li_tut:hover a.a_tut{
   color:#fff;
   border-color:#55c2c2
}
.li_tut a {
   color: #4b4a46;
   float: left;
   width: 260px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.headBar > ul > li:hover > .tutorials_menu{
    display: block;
}
.LoginRegister{
   float:right;
   height:100%;
   line-height: 79px;
}
.LoginRegister a{
   color:#4b4a46;
   font-size: 14px;
}
.arrow_top{
   position: absolute;
   display:none;
   width:22px;
   height: 15px;
   bottom: -3px;
   left:373px
}
.arrow_product{
   display:block;
}
.arrow_tutorial{
   left:484px;
   display:block;
}
.arrow_download {
   left: 590px;
   display:block;
}
.user_name{
   max-width: 150px;
   float: left;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   margin-right: 5px;
}
.user_inf_box{
   position: absolute;
   display:none;
   top: 54px;
   z-index: 100;
   width: 220px;
   background: #ddd;
   right: 0px;
}
.user_inf_box li{
   width:200px;
   height: 34px;
   line-height: 34px;
   padding: 0 10px;
   border-bottom:1px solid #aaa
}
.arrow_down {
   -webkit-transition: 200ms;
   -moz-transition: 200ms;
}
.rotate_arrow {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
}
/*---------------------------------------*/
.pageFoot_wrap{
   float:left;
   width:100%
}
.pageFoot{
   height:410px;
   margin:0 auto;
}
.f_product{
   float:left;
   width:258px;
   margin-top:30px;
}
.product_once{
   float:Left
}
.f_product_title{
   color:#535353;
   font-size:20px;
   margin-bottom:20px;
}
.f_product img{
   float:left;
   margin-left:10px;
}
.product_description{
   float:left;
   margin-left:10px;
}
.product_name{
   width:207px;
   color:#575757;
   font-size:15px;
   text-transform:uppercase;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.product_summary{
   width:207px;
   color:#575757;
   font-size:12px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.p_line{
   background: #d9d9d9;
   float:left;
   width:260px;
   height:1px;
   margin:5px 0 5px 0;
}
.view_all{
   float:left;
   color:#0096af !important;
   font-size:15px;
   margin-left:10px;
}
.view_all_text{
   float:left
}
.arrow{
   float:left;
   background:url('../img/arrow.jpg');
   width:19px;
   height:15px;
   margin: 2px 0 0 5px;
}
.f_bar{
   float:left;
   width:360px;
   margin-left:20px;
   margin-top:30px;
}
.f_introduction{
   float:left;
   width:170px;
   height:170px;
   padding-right:10px
}
.f_introduction p a{
   float:left;
   font-size:13px;
   color: #535353;
   margin-top: 5px;
   padding-bottom:5px;
   border-bottom: 1px dashed #e1e1e1;
}
.f_introduction_title{
   float:left;
   font-size:20px;
   color:#535353;
   margin-bottom:15px;
}
.f_contact{
   background:#efefef;
   float:right;
   width:282px;
   height:365px;
   padding: 10px 30px;
}
.f_contact *{
   
}
.f_contact_bar{
   float:left;
   font-size:14px;  
}
.f_contact_bar li{
   margin-right:10px;
}
.f_contact_bar li a{
   color: #0096af;  
}
.about_me{
   float:left;
   font-size:14px;
   margin-top:15px;
   color:#706e6e;
}
.support_and_transaction{
   float:left;
   font-size:14px;
   margin-top:15px;
   color:#0096af;
}
.area{
   float:left;
   width:100%;
   font-weight:bold;
   margin-top:10px;
}
.north_contact{
   float:left;
   margin-left:10px;
   font-size:14px;
}
.sudo{
   float:left;
   margin-top:15px;
   margin-left:10px
}
.logo_sudo{
   float:left;
   width:51px;
   height:42px;
}
.sudo p {
   float:left;
   color:#888
}
.by_sudo_en{
   font-size: 14px;
   margin-top:5px;
   margin-left:5px;
}
.by_sudo_vn{
   font-size: 13px;
   margin-left:5px;
}
.massseo_copyright{
   float:left;
   margin-top:10px;
   font-size: 13px;
   color:#888
}
.people_talk{
   float: left;
   background: #e5e5e5;
   width:100%;
}
.people_talk_slide{
   height:320px;
   margin:53.5px auto;
}
.social_wrap {
    width: 100%; 
    height: 30px;
    float: left;
    overflow: hidden;
}
.social_wrap ul {
    margin: 0px !important;
}
.social_wrap ul li {
    width: 90px;
    display: inline-block;
}
.comments {
    float: left;
    margin: 20px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.comments_tab {
    width: 100%;
    height: 35px;
    position: relative;
    z-index: 1000;
}
.comments_tab_item {
    width: 120px;
    height: 34px;
    line-height: 34px;
    float: left;
    margin-right: 5px;
    border: 1px solid #bebebe;
    border-bottom: none;
    cursor: pointer;
    color: #555;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    top: 0px;
    background: #efefef;
}
.comments_tab_fb {
    left: 0px;
}
.comments_tab_gg {
    left: 140px;
}
.comments_tab .active {
    color: #0096AF;
    background: #fff;
    height: 36px;
}
.comments_main {
    width: 99%;
    border: 1px solid #bebebe;
    position: relative;
    overflow: hidden;
    z-index: 10;
}
.comments_main_item {
    width: 98%;
    padding: 10px;
    position: absolute;
    top: 0px; left: 0px;
    z-index: 100;
    background: #fff
}
.line{
   background: #d6d6d6;
   float: left;
   width:100%;
   height:8px;
}
.breadcrumb {
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #e5e5e5;
}
.breadcrumb .crumb_item {
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    padding: 0px 5px;
}
.breadcrumb .crumb {
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    padding-right: 10px;
    font-size: 13px;
    color: #333;
}
.breadcrumb .arrow {
    background: none;
}